<template>
  <view>
    <cu-custom bgColor="bg-red" :isBack="true">
      <block slot="content" class="text-white text-bold">电影票详情</block>
    </cu-custom>

    <!--    待付款页面-->
    <view class="bg-red" style="height:300rpx;border-radius:0 0 20rpx 20rpx;">
      <view class="text-white text-lg text-bold flex justify-center margin-bottom-xs">待付款</view>
      <view class="text-white text-sm flex justify-center" style="opacity:0.7">请尽快完成付款，晚了就没座位了哦，还剩<text>04分55秒</text></view>
      <view class="flex justify-center margin-top-sm">
        <view class="text-white padding-tb-xs padding-lr-lg radius-xxxl" style="border:2rpx solid #FFFFFF">取消订单</view>
        <view class="text-white padding-tb-xs padding-lr-lg radius-xxxl margin-left-sm" style="background-color:rgba(225,225,225,0.5)" @tap="payment(item)">立即付款</view>
      </view>
    </view>


    <!--    订单详情-->

    <view  style="margin-top:-90rpx" class="bg-white padding-top-sm radius-df margin-lr-sm">

      <!--    电影票信息 start-->
      <view class="flex padding-bottom-xl relative" style="border-bottom:2rpx dashed #EEEEEE">
        <!--        左边信息-->
        <view class="padding-left-lg">
          <view class="text-xl text-black text-bold margin-bottom-sm margin-top">夺冠(中国女排)
            <text class="text-sm margin-left-xs">2张</text>
          </view>
          <view class="text-black text-sm text-bold margin-bottom-xs">2020年10月20日 19:30-21:15 国语2D</view>
          <view class="text-black text-sm text-bold margin-bottom-xs">中影星美VIP影城江宁砂之船店</view>
          <view class="text-gray text-sm">2号激光厅 5排4座 5排3座</view>
        </view>
        <!--        右边图片-->
        <view style="margin-left:auto" class="margin-right-sm margin-top">
          <img :src="$tools.j('reying.jpg')" style="width:130rpx;height:190rpx" class="radius">
        </view>
        <!--        内凹圆角-->
        <view style="width:20rpx;height:20rpx;z-index:1;bottom:-10rpx;left:-10rpx;" class="round position-absolute bg-gray"></view>
        <view style="width:20rpx;height:20rpx;z-index:1;bottom:-10rpx;right:-10rpx;" class="round position-absolute bg-gray"></view>
      </view>
      <!--    电影票信息 end-->

      <!--      影院地址 start-->
      <view class="flex justify-between padding-tb-lg" style="border-bottom:2rpx dashed #EEEEEE">
        <view class="padding-left-sm">
          <view class="text-bold text-lg text-black">中影星美VIP影城江宁砂之船店</view>
          <view class="text-gray margin-top-sm">江宁区鹏山路9号江宁大学城商贸中心E座二楼</view>
        </view>
        <view class="iconfont icon-phone text-lg text-gray align-center flex justify-center margin-right-sm"></view>
      </view>
      <!--      影院地址 end-->

      <!--      价格信息 start-->
      <view class="padding-tb-lg padding-lr-sm" style="border-bottom:2rpx dashed #EEEEEE">
        <view class="flex justify-between text-black text-lg text-bold">
          <text>实付金额</text>
          <text>￥54.80</text>
        </view>
        <view class="flex justify-between text-gray margin-top-sm">
          <text>总价</text>
          <text>￥64.00</text>
        </view>
        <view class="flex justify-between text-gray margin-top-sm">
          <text>平台立减</text>
          <text>-￥3.20</text>
        </view>
      </view>
      <!--      价格信息 end-->

      <!--      订单信息 start-->
      <view class="padding-tb-lg padding-lr-sm">
        <view class="text-black text-lg text-bold">
          <text>订单信息</text>
        </view>
        <view class="flex justify-between text-gray margin-top-sm">
          <text>订单号</text>
          <text>13150015572</text>
        </view>
        <view class="flex justify-between text-gray margin-top-sm">
          <text>购买时间</text>
          <text>2020-10-20 11:10:37</text>
        </view>
        <view class="flex justify-between text-gray margin-top-sm">
          <text>手机号码</text>
          <text>
            <text>173</text><text>****</text><text>7572</text>
          </text>
        </view>
      </view>
      <!--      订单信息 end-->
    </view>
  </view>
</template>

<script>
export default {
  name: "",
  data() {
    return {

    }
  },
  components: {},
  computed: {},
  created() {

  },
  onLoad() {

  },
  methods: {
    payment(item){
      this.$tools.goTo('/pages/order/confirm')
    }
  }
}
</script>

<style scoped>
</style>
